<script setup>
import tabbra from "@/components/tabbar/tabbar.vue";
import TnNavbar from "@tuniao/tnui-vue3-uniapp/components/navbar/src/navbar.vue";

const searchimage = [
    "https://apphoshna.c8plus.net/web/statics/wxapp/images/icon-search.png",
];
</script>
<template>
    <TnNavbar fixed>
        分类
        <template #back></template>
    </TnNavbar>
    <view class="app">
        <view class="sreachbox">
            <view class="input">
                <image class="img" :src="searchimage" mode="scaleToFill" />
                <text>搜索</text>
            </view>
        </view>
    </view>

    <tabbra :selected="1" />
</template>
<style lang="scss" scoped>
.app {
    .sreachbox {
        width: 100%;
        height: 100rpx;
        display: flex;
        justify-content: center;
        align-items: center;

        .input {
            width: 350px;
            height: 60rpx;
            background: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #b2b2b2;
            font-size: 9pt;
            border-radius: 10rpx;
            border: 2rpx solid #e3e3e3;

            image {
                width: 24rpx;
                height: 24rpx;
                margin-right: 10rpx;
            }
        }
    }
}
</style>
